// 2、
  var btn = document.getElementById('btn');
  var box = document.getElementById('box')
  console.log(btn, box);

  // 3、
  var arr = ["降龙十八掌", "吸星大法", "葵花宝典", "辟邪剑谱", "乾坤大挪移", "独孤九剑", "六脉神剑"];

  // 4、
  btn.onclick = function () {
    // 5、
    var ul = document.createElement('ul')
    console.log(ul);;
    box.appendChild(ul);

    // 6、
    arr.forEach(function (value, index) {

      // 7、
      var li = document.createElement('li')
      ul.appendChild(li);

      // 8、
      li.innerText = value;
      li.setAttribute('class', 'li' + (index + 1));
      // 9、
      li.onmouseover = function () {
        this.style.backgroundColor = 'red';
      }
      li.onmouseout = function () {
        this.style.backgroundColor = '';
      }
      li.onclick = function () {
        ul.removeChild(this);
      }
    })
    this.disabled = true
  }
